html {
  min-height: 100vh;
  background: #f0f0fa;
}
ul {
  background: transparent;
}
li {
  background: white;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: .6rem .5rem;
  position: relative;
}
li:active {
  -webkit-transition: all .2s;
  transition: all .2s;
  will-change: background;
  background: #f4f4f4;
}
li.border::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
  -webkit-transform: scaleY(0.5);
          transform: scaleY(0.5);
}
li span svg.icon {
  font-size: 1rem;
}
li svg {
  color: #929292;
}
li svg.icon {
  font-size: 12px;
}
.first-ul {
  padding-top: .5rem;
}
.about-we {
  margin-top: 1rem;
}
#logOut {
  display: block;
  text-align: center;
  margin-top: 1rem;
  padding: .6rem 0;
  background: white;
  color: red;
}
